/**
 * 选择角色界面
 */
const { ccclass, property } = cc._decorator

@ccclass
export default class SelectRoleUI extends cc.Component {
    /** 左箭头 */
    @property(cc.Node)
    arrowL: cc.Node = null

    /** 右箭头 */
    @property(cc.Node)
    arrowR: cc.Node = null

    start() {
        // 箭头动画
        cc.tween(this.arrowL)
            .repeatForever(
                cc.tween()
                    .by(0.5, { x: 20 }, { easing: 'sineOut' })
                    .by(0.5, { x: -20 }, { easing: 'sineOut' })
            )
            .start()

        cc.tween(this.arrowR)
            .repeatForever(
                cc.tween()
                    .by(0.5, { x: -20 }, { easing: 'sineOut' })
                    .by(0.5, { x: 20 }, { easing: 'sineOut' })
            )
            .start()
    }

    onDestroy() {

    }

    // ------------------------------按钮回调------------------------------
    /** 返回按钮回调 */
    onBtnBack() {
        this.node.destroy()
    }

    /** 确定按钮回调 */
    onBtnYes() {
        cc.log('TODO 确定按钮回调')
    }
}
